<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>靓粉吧</title>
    <link rel="stylesheet" href="../mui/css/mui.min.css" type="text/css" />
    <link rel="stylesheet" href="../css/base.css" type="text/css" />
    <link rel="stylesheet" href="../css/style.css" type="text/css" />
</head>

<body>
<header class="mui-bar mui-bar-nav">
	<div class="top-head"><a href="个人中心.html"><img src="../images/p-male.png" alt=""></a></div>
	<h1 class="mui-title">生钱</h1>
    <div class="top-right">
    	<a href="消息中心.html"><i class="icon icon-message new"></i></a>
    </div>
</header>
<div class="mui-content pb15">
	<div class="made-top">
    	<a href="生钱-今日生钱.html">
            <p>今日生钱</p>
            <h4>0.377<i class="icon icon-up"></i><i class="icon icon-down"></i></h4>
        </a>
        <a href="生钱-了解年化利率.html" class="rate-go">
        	<div class="rate-hj"></div>
    		<div class="rate-jd">
            	<div class="rate-roc c-pack">
                	<div class="jd-con">
                    	<h6>29.99</h6>
                    	<p>年化率(%)</p>
                    </div>
                    <div class="jd-circle-hold">
						<svg xmlns="http://www.w3.org/200/svg" height="76" width="76">
                            <circle cx="38" cy="38" r="32" fill="none" stroke="#ffcad2" stroke-width="6" stroke-linecap="round" stroke-dasharray="111,10000"/>
                            <circle class="jd-circle" id="jdCircle" cx="38" cy="38" r="32" fill="none" stroke="#fa4070" stroke-linecap="round" stroke-width="6" stroke-dasharray="0,10000"/>
                        </svg>
                        <input id="jd-val" type="text" value="60" />
                    </div>
                </div>
            </div>
        </a>
    </div>
    <div class="pie3"></div>
    <div class="made-mony">
    	<a href="生钱-可用余额明细.html">
        	<p>可用余额</p>
            <h4>12.30</h4>
            <p class="c-999">累计收益1.306</p>
        </a>
    	<a href="生钱-消费总存款明细.html">
        	<p>花钱总数</p>
            <h4 id="speTarget">459.04</h4>
            <p class="c-999">花钱笔数 5</p>
        </a>
    </div>
    <div class="made-nav">
    	<a href="生钱-收益明细.html">明细</a>
    	<a href="生钱-提现.html">提现</a>
    </div>
    <div class="made-active mt10">
    	<h4>让每天生的钱更多</h4>
        <h6>年化率提升</h6>
        <div class="mae-list">
        	<a href="#" title="摇红包"><img src="../images/active/act-img2.png" alt="" /></a>
        	<a href="#" title="超级分享"><img src="../images/active/act-img3.png" alt="" /></a>
        	<a href="#" title="好友助力"><img src="../images/active/act-img4.png" alt="" /></a>
        </div>
    </div>
</div>
<footer class="mui-bar-footer">
	<div>
        <a href="我.html"><p><i class="icon icon-my"></i></p><p>我</p></a>
        <a href="花钱.html"><p><i class="icon icon-spent"></i></p><p>花钱</p></a>
        <a href="生活.html"><p><i class="icon icon-life"></i></p><p>生活</p></a>
        <a href="生钱.html" class="curr"><p><i class="icon icon-earn"></i></p><p>生钱</p></a>
    </div>
</footer>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../mui/js/mui.min.js"></script>
<script type="text/javascript" src="../js/base.js"></script>
<script type="text/javascript" src="../widget/countUp/js/countUp.js"></script>
<script type="text/javascript">
//飘硬币
var coinGuide = function(){
	var thtml = '<div class="coinguide"><i class="icon icon-coin"></i></div>';
	$('body').append(thtml);
	setTimeout(function(){
		var mech = new CountUp(speTarget, 0.00, 459.04, 2, 2).start();
		$('.coinguide').remove();
	},1000);
}();

var jd =  document.querySelector("#jdCircle");
var jdval = document.querySelector("#jd-val");

var circleLength = Math.floor(2 * Math.PI * jd.getAttribute("r"));

window.onload = rotateCircle;
function rotateCircle () {
    var val = parseFloat(jdval.value).toFixed(2)*.8;
    val = Math.max(0,val);
    val = Math.min(80,val);
    jd.setAttribute("stroke-dasharray","" + circleLength * val / 100 + ",10000");
}
</script>
</body>
</html>